import React, { memo, useEffect } from "react";
import { NavLink } from "react-router-dom";
import OptionWarrper from "./style";

const index = memo((props) => {
  const { tabList } = props;
  return (
    <OptionWarrper>
      {tabList?.map((n, i) => {
        return (
          <NavLink key={i} activeclassname="active" to={n.to}>
            {n.msg}
          </NavLink>
        );
      })}
    </OptionWarrper>
  );
});

export default index;
